{extend name='public/layout'/}
<!-- 本页面要使用的css开始 -->
{block name='css'}
<link rel="stylesheet" type="text/css" href="__STATIC__/api/css/product_detail.css?v={:time()}" />
{/block}
<!-- 本页面要使用的css结束 -->
<!-- 本页面要使用的js开始 -->
{block name='js'}
<script src="__STATIC__/api/js/product_details.js" type="text/javascript" charset="utf-8"></script>
{/block}
<!-- 本页面要使用的js结束 -->
<!-- 页面主体开始 -->
{block name='app'}
<div id="store-wrapper">
	<div class="store-title">
		<div class="wrap">
			<p class="name">{{store.title}}</p>
			<div class="store-body clearfix">
				<div class="store-img fl">
					<img :src="store.shop_cover" alt="">
				</div>
				<div class="store-tool fl">
					<a :href="'tel:'+store.store_mobile" class="ask-tel">
						<i></i>
						<span>联系商家</span>
					</a>
					<a @click="openLocation()" class="ask-map">
						<i></i>
						<span>{{store.address}}</span>
					</a>
					<p class="store-time">
						<i></i>
						<span>营业时间：{{store.business_start}}至{{store.business_end}}</span>
					</p>
				</div>
			</div>
		</div>
	</div>
	<div class="store-content">
		<div class="wrap">
			<p class="dec">门店描述</p>
			<span>{{store.brief}}</span>
		</div>
	</div>
	<ul class="store-list">
		<div class="wrap">
			<li v-for="(item,index) in store.goods" class="clearfix">
				<div class="shop-img fl">
					<img :src="item.goods_cover" alt="">
				</div>
				<div class="shop-cont fl">
					<p class="shop-name">{{item.goods_name}}</p>
					<p class="shop-price">￥{{item.price}}</p>
					<p class="shop-dec">{{item.brief}}</p>
				</div>
				
			</li>
		</div>
	</ul>
	
</div>
{/block}
